<template>
	<view class="regPsd">
		<view class="dlTit"><text>请设置密码</text></view>
		<view class="labelText"><text>密码</text></view>
		<view class="dlInput_psd">
			<input 
			type="password" 
			placeholder="请输入密码" 
			placeholder-class="placecLass"
			@input="focusClass7"
			:class="[isActive7 ? 'blueBorder' : '']"/>
			<input 
			type="password" 
			placeholder="确认密码" 
			placeholder-class="placecLass"
			@input="focusClass8"
			:class="[isActive8 ? 'blueBorder' : '']"/>
		</view>
		<view class="logNext" @tap="goIndex">确定</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				isActive7:false,
				isActive8:false,
			}
		},
		methods:{
			focusClass7(e){
				if(e.detail.value.length !== 0){
					this.isActive7 = true
				}else{
					this.isActive7 = false
				}
			},
			focusClass8(e){
				if(e.detail.value.length !== 0){
					this.isActive8 = true
				}else{
					this.isActive8 = false
				}
			},
			goIndex(){
				uni.switchTab({
					url:'/pages/home/home'
				})
			}
		}
	}
</script>

<style>
	.regWrap{
		margin:0 72upx;
	}
	.labelText{
		font-size: 28upx;
		color: #666666;
	}
	.placecLass86{
		font-size: 28upx;
		color: #000;
	}
	.placecLass{
		color: #CCCCCC;
		font-size:28upx;
	}
	.logNext{
		width:582upx;
		height: 89upx;
		line-height: 89upx;
		margin: 76upx auto 0 auto;
		border-radius: 89upx;
		background:linear-gradient(left,#54AAFF,#568FFF);
		color: #fff;
		text-align: center;
		font-size: 28upx;
	}
	/* .blueBorder{
		border-bottom: 1upx solid #55A0FF!important;
	} */
	.dlInput_psd input{
		width:570upx;
		height:46upx;
		line-height:46upx;
		margin-top:68upx;
		border-bottom: 1upx solid #DCDCDC;
		color: #333;
	}
	.regPsd .dlTit{
		font-size: 36upx;
		color: #333333;
		font-weight: bold;
		margin-bottom: 92upx;
	}
	.labelText{
		font-size: 28upx;
		color: #666666;
	}
</style>
